<template>
  <el-table class="family-info" :data="tableData" border style="width: 100%">
      <el-table-column prop="memberName" label="培训名称" width="150" align="center" />
      <el-table-column prop="certificateNumber" label="培训合格证号" align="center" width="150" />
      <el-table-column prop="trainingLocation" label="培训地点" header-align="center" min-width="200" />
      <el-table-column prop="trainingStartTime" label="培训开始时间" width="120" align="center" />
      <el-table-column prop="trainingEndTime" label="培训结束时间" width="120" align="center" />
      <el-table-column prop="trainingMethod" label="培训方式" width="150" align="center" />
      <el-table-column prop="trainingType" label="培训类型" align="center" width="100" />
  </el-table>
</template>
<script setup lang="ts">
import { ref } from 'vue'

const tableData = ref([
  {
    memberName: '培训名称',
    certificateNumber: '培训合格证号',
    trainingLocation: '培训地点',
    trainingStartTime: '培训开始时间',
    trainingEndTime: '培训结束时间',
    trainingMethod: '培训方式',
    trainingType: '培训类型'
  }
])
</script>
<style scoped lang="scss">

</style>

